<template>
	<view class="">
		<view class="item-con" @tap="navTo(`/pages/details/goodDetails?id=${item.id}`)">
			<image :src="item.icon" mode="" class="item-g"></image>
			<view class="item-info">
				<view class="clamp item-title">{{item.name}}</view>
				<view class="item-price">￥{{item.price}}</view>
			</view>
			<view class="item-pop row center" v-if="item.goodsStatus!=0"><image src="/static/img/yihsouxin.png" mode="aspectFill" class="item-s"></image></view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		item: Object
	}
};
</script>

<style scoped lang="scss">
.item-con {
	position: relative;
	margin-bottom: 20upx;
	border-radius: 20upx;
	overflow: hidden;
	box-shadow: 0px 0px 60upx 0px rgba(168, 168, 168, 0.2);
}
.item-title {
	font-size: 30upx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #000000;
	line-height: 44upx;
}
.item-price {
	font-size: 33upx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #cb1414;
	line-height: 36upx;
}
.item-g {
	width: 100%;
	height: 330upx;
}

.item-circle {
	position: absolute;
	top: 20upx;
	right: 20upx;
}
</style>
